@charset "utf-8";
body{margin:0;padding:0;background-color: #F6F7F8;}
/*title{width:45%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }*/
p{margin:0;padding:0;font-size:.8rem;}
a:link,a:hover,a:visited,a:active{text-decoration:none;color:#000}
.cl{ clear:both;}
.fl{float:left;}
.fr{float:right;}
.md2{margin-bottom:2em;}
.box{margin-bottom:15em;}
.box2{margin:2em 0 15em 0;}
.tipsnum{background-color:red;border-radius:50%;color:#fff;width:8%;text-align:center;font-size:3rem;}
/*========================== 頭部css 開始 =========================*/
.header{width:100%;height:auto;background-color:#1A8CFF;}
.header .title{font-size:3rem;text-align:center;width:55%;padding:5% 0; color:white;overflow: hidden; text-overflow: ellipsis;white-space:nowrap; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.header .left{width:20%;padding:3% 0;}
.header .right{width:15%;padding:5% 5%;font-size:2.6rem; color:white;text-align:right;}
/*========================== 頭部css 結束 =========================*/
/*========================== 底部css 開始 =========================*/
.bottom{padding:3% 0;width:100%;height:auto;display: flex;position: fixed;z-index: 999;bottom: 0;background-color: white;}
.bottom .index{width:50%;text-align:center;font-size:1rem;}
.bottom .index img{width:13%;}
.bottom .index p{color:#ff8800;font-size:2.2rem;}
.bottom .my{width:50%;text-align:center;font-size:1rem;}
.bottom .my p{color:#000;font-size:2.2rem;}
.bottom .my img{width:13%;}
.bottom1{width:100%;height:6%;display: flex;position: fixed;z-index: 999;bottom: 0;background-color: white;}
.bottom1 .recharge{padding-top:2%;width:50%;text-align:center;background-color:#FF8800;color:white;}
.bottom1 .recharge p{font-size:3rem;}
.bottom1 .my{padding-top:2%;width:50%;text-align:center;font-size:1rem;}
.bottom1 .my p{color:#000;font-size:3rem;}
.bottom1 .go_pay{padding-top:2%;width:100%;text-align:center;background-color:#FF8800;color:white;font-size:3rem;}
/*========================== 底部面css 結束 =========================*/
/*========================== 我的css 開始 =========================*/
.member_info{background-image:url('../images/bj.jpg');background-repeat : no-repeat;background-size:100%;width:100%;}
.member_info .head_po {width:25%;padding:5%;}
.member_info .head_po img{width:100%;border-radius:50%;}
.member_info .m_name{color:white;font-size:3rem;text-align:left;width:65%;margin-top:6%;}
/*========================== 我的css 結束 =========================*/
/*========================== 首頁css 開始 =========================*/
.shop_list{width:100%;background-color:white;padding: 4% 0;border-bottom:3px solid #C2C2C2;/* height: 250px; */} /* 固定店铺宽度250px */
.shop_list .shop_img{width:30%;margin:0 2% 0 1.8%;}
.shop_list .shop_img img{width:90%;}
.shop_list .shop_info{width:100%;font-size:2.6rem;}
.shop_list .shop_info .title_left{width:51%;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.shop_list .shop_info .cash{color:white;width:10%;padding:1%;text-align:center;background-color:#00CC00;border-radius:50px;margin-right:3%}
.shop_list .shop_info .cash_busy{color:white;width:10%;padding:1%;text-align:center;background-color:yellow;border-radius:50px;margin-right:3%}
.shop_list .shop_info .cash_rest{color:white;width:10%;padding:1%;text-align:center;background-color:red;border-radius:50px;margin-right:3%}
.shop_list .shop_info .star{margin-top:30px;}
.shop_list .shop_info .content{overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;width:53%;font-size:2.3rem;color:#A3A3A3;margin-top:3%;}
/*========================== 审核员工css 開始 =========================*/
.shop_list .washer_confirm{width:100%;border-top:2px solid #C2C2C2;margin-top:2%;}
.shop_list .washer_confirm .yes{width:49.5%;padding:3% 0;font-size:3rem;text-align:center;border-left:2px solid #C2C2C2;}
.shop_list .washer_confirm .no{width:49.5%;padding:3% 0;font-size:3rem;text-align:center;}
.shop_list .washer_delete{width:100%;background-color:#FF0000;margin-top:2%;}
.shop_list .washer_delete .delete{font-size:3rem;text-align:center;color:#FFF;padding:2% 0;}
/*========================== 审核员工css 结束 =========================*/
/*========================== 首頁css 結束 =========================*/

.order{width:94%;background-color:white;margin-top:1em;padding:3%;}
.order .list{margin:1%;padding:4% 0;border-bottom:1px solid #C2C2C2;display: flex;}
.order .list .title{width:40%;padding:0 2%;font-size:3rem;}
.order .list .l_info{width:60%;text-align:right;padding:0 2%;}
.order .list .l_info div{font-size:2.8rem;padding-bottom:1%;}

/*========================== 訂單頁面css 開始 =========================*/
.order_status{width:100%;background-color:#A3A3A3;}
.order_status div{margin:4% 0;width:33%;font-size:3rem;text-align:center;color:white;}
.order_status .pay_success{border-right:4px solid #C2C2C2;border-left:4px solid #C2C2C2;}
.order_status .no_pay{}

.order_status1{width:100%;background-color:#fff;}
.order_status1 .mod{padding:4% 0;width:33%;font-size:3rem;text-align:center;color:#3CC1FF;}
.blue_buttom{border-bottom:4px solid #3CC1FF;}

.order_info{width:90%;margin:3% 3% 0 3%;background-color:#fff;padding:2%;height:auto}
.order_info .info_left{width:90%;}
.order_info .info_left div{font-size:3rem;line-height:4.5rem;}
.order_info .info_right{width:10%;margin-top:13%;}
.order_info .info_right img{width:100%;}
.order_bottom_blue{width:90%;margin: 0 3%; background-color:#3CC1FF;font-size:3rem;color:#fff;text-align:center;padding:2%;}
.order_bottom_green{width:90%;margin: 0 3%; background-color:#3ac809;font-size:3rem;color:#fff;text-align:center;padding:2%;}
.order_bottom_yellow{width:90%;margin: 0 3%; background-color:#f68581;font-size:3rem;color:#fff;text-align:center;padding:2%;}
.order_bottom_readlly{width:90%;margin: 0 3%; background-color:#fdb300;font-size:3rem;color:#fff;text-align:center;padding:2%;}

.go_select_washer{width:90%;margin: 0 3%;background-color:#FF8800;padding:2%;color:#fff;text-align:center;font-size:2.8rem;}

.remarks{padding:1% 4%;width:92%;}
.remarks .car_remarks{width:97%;height:2.6rem;margin:3% 0;padding:1.5%;border-radius:10px;}
.upload_img{line-height:4rem;width:20%;margin:0 2.5%;text-align:center;}
.upload_img img{width:100%;}
.add_washer{width:80%;margin:20% auto;text-align:center;background-color:#3CC1FF;padding:3.5%;color:#fff;border-radius: 100px;}
.show_washer{width:80%;margin:8% auto;text-align:center;padding:3.5%;}
.end_wash{width:80%;margin:20% auto;text-align:center;background-color:#FF0000;padding:3.5%;color:#fff;border-radius: 100px;}
/*添加按钮*/
.add{width:80%;margin:20% auto;text-align:center;background-color:#00adff;padding:3.5%;color:#fff;border-radius: 100px;}

.select_washer{width:90%;background-color:#303030;color:#fff;padding:5%;font-size:1.3rem;}
.select_box{max-height:400px;overflow:auto;}
.washer{width:90%;padding:5%;font-size:1.5rem;border-bottom:1px solid #C2C2C2;}
.washer .img{width:17%}
.washer .img img{width:100%}
.washer .washer_name{padding:4% 3rem 0 0 ;}
.submit_wash{background-color:#A3A3A3;width:100%;}
.submit_wash .confirm{width:40%;text-align:center;margin:3% 2%;background-color:#fff;padding:3%;}
.submit_wash .cancel{width:40%;text-align:center;margin:3% 2%;background-color:#fff;padding:3%;}

.receipt_goods{width:100%;background-color:#fff;padding:2% 0 4% 0;}
.receipt_goods .order_num{width:90%;padding:3% 5%;font-size:2.5rem;}
.receipt_goods .goods_img{width:30%;padding:0 5%;}
.receipt_goods .goods_img img{width:100%;}
.receipt_goods .goods_info{width:56%;padding:0 2%;}
.receipt_goods .goods_info div{font-size:2.5rem;}
.receipt_goods .title_left{width:50%;}
.receipt_goods .cash{width:50%;text-align:center;color:#ff8800;font-weight: 700;}
.receipt_goods .content{width:100%;padding-top:10%;}
.ordersn_refund{width:92%;background-color:#FF0000;margin-top:2%;margin-left:4%;margin-right:4%;} /* 订单退款 */
.ordersn_refund .refund{font-size:3rem;text-align:center;color:#FFF;padding:2% 0;}
.ordersn_refund_status{width:92%;background-color:#00adff;margin-top:2%;margin-left:4%;margin-right:4%;} /*订单状态*/
.ordersn_refund_status .refund{font-size:3rem;text-align:center;color:#FFF;padding:2% 0;}

/*========================== 優惠券css =========================*/
.receipt_goods .goods_info1{width:56%;padding:0 2%;}
.receipt_goods .goods_img1{width:30%;padding:3%;}
.receipt_goods .goods_img1 img{width:100%;}
.receipt_goods .cash1{width:45%;text-align:center;color:#ff8800;font-size:3rem;border-radius:5px;border:4px solid #FF8800;}
.receipt_goods .content1{width:100%;font-size:2.6rem;padding-top:7%;}
/*========================== 訂單頁面css 結束 =========================*/
/*========================== 我的愛車css 開始 =========================*/
.add_car{margin-top:3%;width:90%;background-color:#fff;padding:3% 5%;}
.add_car .add_img{width:10%;}
.add_car .add_img img{width:100%;}
.add_car .add_title{width:50%;font-size:3rem;margin:1.5% 0 0 2%;}
.add_car .right{width:35%;text-align:right;margin:1.5% 0 0 2%;}
.have_car_num{margin:4% 0 4% 4%;font-size:3rem;}
.have_car_num span{color:#ff8800;}
.car_list{width:100%;background-color:white;padding:2% 0;}
.car_list .car_info{width:100%;font-size:3rem;border-bottom:2px solid #C2C2C2;margin-top:2%}
.car_list .car_info .car_logo{width:30%;}
.car_list .car_info .car_logo img{width:100%;}
.car_list .car_info .car_num{width:70%;margin-top:2%;}
.car_list .car_info .car_num span{color:white;width:10%;background-color:#00CC00;border-radius:50px;padding:1%;font-size:2.8rem;margin-left:5%;}
.car_list .car_info set{font-size:2.5rem;padding:3%;border:2px solid #C2C2C2;margin:2%;}
.car_list .car_info .car_brand{width:70%;margin-top:5%;}
/*========================== 我的愛車css 結束 =========================*/


/*========================== 支付成功结果页面 开始 =========================*/
.payfinshview{background-color:#fff;width:94%;padding:3%;}
.payfinshview ul{}
.payfinshview ul li{font-size:2.5rem;text-decoration: none;list-style: none; padding-bottom: 20px;}
/*查看订单信息*/
.payorder_info{background-color:#fff;font-size:2.5rem;padding:5%;width:90%;text-align: center;}
.payorder_info .user_order_info{color:#00AAEC }
/*========================== 支付成功结果页面 結束 =========================*/

/*========================== 添加愛車頁面css 開始 =========================*/
.add_car_view{margin-top:3%;width:90%;background-color:#fff;padding:3% 5%;}
.add_car_view div{font-size:3rem;margin-top:7%;}
.add_car_view div input{width:63%;height:100px;font-size:3rem; border-bottom:1px solid #C2C2C2;padding:2%;}
.add_car_view .oneletter{width:7.5%;height:100px;font-size:3rem; border-bottom:1px solid #C2C2C2;padding:2%;}
.add_car_view .twoletter{width:16%;height:100px;font-size:3rem; border-bottom:1px solid #C2C2C2;padding:2%;}
.add_car_view div select{width:67%;height:100px;font-size:3rem; border-bottom:1px solid #C2C2C2;padding:2%;}
.add_car_view div select option{font-size:1rem;}
.add_car_view .button input{width:99%;background-color:#00AAEC;color:#fff;}
/*========================== 添加愛車css 結束 =========================*/

/*========================== 添加愛車css 開始 =========================*/
.balance{width:90%;background-color:#fff;padding:2% 5%;}
.balance .gold_img{width:10%;}
.balance .gold_img img{width:100%;}
.balance .my_balance{width:90%;font-size:3rem;padding-top:1%;}
.balance .my_balance span{color:#FF8800;}
/*========================== 添加愛車css 結束 =========================*/

/*========================== 意見建議css 開始 =========================*/
.opinion_box{width:100%;}
.opinion_box .div{ font-size:3rem;width:90%;padding:5%;}
.opinion_box .div input{width:63%;height:100px;font-size:3rem; border:0;padding:2%;}
.opinion_box .div textarea{width:95%;height:400px;font-size:4rem; border:0;padding:2%;margin-top:2%;}
.opinion_box .button input{width:99%;background-color:#00AAEC;color:#fff;}
/*========================== 意見建議css 結束 =========================*/

/*========================== 商家详细情况css 開始 =========================*/
.server_info{width:100%;margin-top:2em;}
.server_info .server_name{font-size:3rem;width:94%;padding:3%;background-color:#FAFAFA; border-bottom:2px solid #9E9E9E;border-top:2px solid #9E9E9E;}
.server_info .server_detail{width:94%;padding:3%;background-color:#fff; border-bottom:2px solid #9E9E9E;}
/*.server_info .server_detail .server_detail_left{}*/
.server_info .server_detail .server_detail_left .txt{color:#666666;font-size:2rem;} /* 文本 */
.server_info .server_detail .server_detail_right{float: right;border-left: 1px solid #9E9E9E;} /* 定位 */
.server_info .server_detail .server_detail_right img{padding:20%;} /* 定位 */

.tips{clear: both; font-size:2rem;width:94%;padding:3%;border-top:2px solid #9E9E9E;border-bottom:2px solid #9E9E9E;margin-top:1em;background-color:#fff;}
.tips img{width:6%;}
/*========================== 商家详细情况css 结束 =========================*/

/*========================== 选择服务css 開始 =========================*/
.wash_company_logo{padding:20% 0 0 0;width:100%;background-image:url('../images/company.png');background-repeat : no-repeat;background-size:100%;}
.wash_company_logo .img{margin:auto;width:45%;border-radius:50%;background-color:#fff;}
.wash_company_logo .img img{width:100%;border-radius:50%;}
.wash_company_logo .company_name{color:#fff;font-size:3rem;width:100%;text-align: center;margin-top:5%;padding-bottom: 10%;}
.server_type{width:100%;background-color:#fff;border-bottom:2px solid #9E9E9E;}
.server_type .img{width:28%;text-align:center;margin:0;}
.server_type .img img{width:100%;}
.server_type .price{width:60%;font-size:3rem;margin-top:11%;padding-left:2%;}
.server_type .right{width:10%;margin-top:10%;}
.server_type .right img{width:100%;}
.server_type .title{width:70%;font-size:3rem;margin-top:11%;padding-left:2%;}
.server_type select{width:564px;height: 96px;font-size: 1em;padding-left:20px; }/*訂單備註*/
.book_time{width: 520px;height: 90px;font-size: 45px;border:0;background-color:#F6F7F8;}/*預約時間*/
.order_remarks{width: 540px;height: 90px;font-size: 45px;padding-left:20px;}/*訂單備註*/
.once{background-color:#49C0BE;}
.month{background-color:#7C1185;}
.weekend{background-color:#D76691;}
.year{background-color:#E6D65E;}
.ff8800{background-color:#ff8800;}
.ff0000{background-color:#ff0000;}
.gold{background-color:gold;}
.blodgreen{background-color:#3CC1FF;}

.pay_type{width:100%;}
.pay_type .online{width:30%;font-size:3rem;margin:4% auto;text-align:center;}
.pay_type .online span{margin-bottom:1%;}
.pay_type .no_online{width:30%;font-size:3rem;margin:4% auto;text-align:center;}
/*========================== 选择服务css 结束 =========================*/

/*======================= 选择成为的角色css 開始 =========================*/
.select_role_box{width:100%;}
.select_role_box div{width:80%;height:8%;margin:30% auto 0 auto;padding:5%;font-size:3rem;background-color:#fff;text-align:center;border:2px solid #9E9E9E;}
.select_role_box p{color:#FF0000;font-size:2.6rem;margin-top:5rem;text-align:center;}


.select_role_box .select_shop{text-align:center;width:80%;height:8%;font-size:3rem; margin:15% 10% 0 10%;
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding: 3%;}
.select_role_box .add_washer{width:80%;margin:15% auto;text-align:center;background-color:#3CC1FF;padding:3.5%;color:#fff;border-radius: 100px;}
/*========================== 选择成为的角色css 结束 =========================*/

/*========================== 弹窗css 開始 =========================*/
#fullbg {
background-color:gray;
left:0;
opacity:0.5;
position:absolute;
top:0;
z-index:3;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
#dialog {
background-color:#fff;
border:5px solid rgba(0,0,0, 0.4);
left:62%;
margin:-200px 0 0 -200px;
padding:1px;
position:fixed !important; /* 浮动对话框 */
position:absolute;
top:43%;
width:80%;
z-index:5;
border-radius:5px;
display:none;
}
#dialog p {
margin:0 0 12px;
height:24px;
line-height:24px;
background:#CCCCCC;
}
#dialog p.close {
text-align:right;
padding-right:10px;
}
#dialog p.close a {
color:#fff;
text-decoration:none;
}
/*========================== 弹窗css 结束 =========================*/

/*========================== 优惠券css 开始 =========================*/
.share{background-image:url('../images/share.png');}
.five{background-image:url('../images/five.png');}
.seven{background-image:url('../images/seven.png');}
.other_car{background-image:url('../images/other.png');}
.coupon{width:90%;margin:5%;font-size:3rem;background-repeat : no-repeat;background-size:100% 100%;}
.coupon .coupon_info{width:63%;padding:4% 5% 4% 8%;color:#fff;}
.coupon .coupon_info span{font-size:9rem;margin-right:3%;}
.coupon .coupon_info div{padding:3% 0;font-size:2.6rem;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.coupon .coupon_click{font-size:2.5rem;width:14%;padding:7% 5% 3% 5%;text-align:center;}
/*========================== 优惠券css 结束 =========================*/

/*========================== 選擇車品牌css 开始 =========================*/
.car_letter{width:90%;padding:5%;background-color:#3367D6;color:#fff;font-size:2.8rem;}
.car_brand{width:90%;padding:5%;border-bottom:2px solid #9E9E9E;}
/*========================== 選擇車品牌css 結束 =========================*/
